.wrap{min-width: 9.5rem;}
.title{position: absolute;padding: 11px;border:1px solid #ccc;color:#424242;border-radius:2px;background-color: #fff;z-index: 999999999;white-space:nowrap;display: none;}
.shape_locker{background: url("images/icon.png")no-repeat -140px -42px;width: 10px;height: 10px;}
.tcBg{display:none;position: absolute;top:0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);}
.tcBg>div{border-radius:2px;position: absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.tcClosed{position: absolute;right:4px;top:4px;width: 24px;height: 24px;cursor: pointer;background-color: transparent;}
.tcClosed:before{content:"";position: absolute;right:6px;top:6px;width: 12px;height: 12px;background: url("images/icon.png")no-repeat -94px -60px;}
.tcClosed:hover:before{background-position: -106px -60px;}
.tcTitle{line-height: 32px;padding:0 12px;cursor: default;border-bottom:1px solid #e6e6e6;margin-bottom: 20px;}
.layui-layer-dialog .layui-layer-content{color:#333;}

.tsTc{width: 346px;height: 142px;}
.tsTc_jx{width: 300px;height: 130px;}
.txDivTxt{text-align: center;margin-bottom: 25px;}
.pxDivTxt{text-align: center;margin-bottom: 15px;line-height: 26px;height: 26px;}
.pxDivTxt label{display: inline-block;width: 60px;text-align: right;white-space: nowrap;}
.mgr30{margin-right: 30px;}
.mgt40{margin-top: 40px;}
.pxTc{width: 330px;height: 186px;}
.w80{width: 80px;}
.setPx{width: 120px;height: 26px;border-radius: 2px;border: 1px solid #e6e6e6;font-size: 12px;line-height: 26px;}

.cpTc{width: 368px;height: 200px;}
.cpTxt{position: relative;}
.cpTxt label{width: 115px;text-align: right;display: inline-block;}
.cpTxt .setCp,.cpTxt .setCpName{width: 110px;height: 26px;padding: 0 6px;border-radius: 2px;border: 1px solid #e6e6e6;font-size: 12px;line-height: 26px;}
.hLine{display: inline-block;}
.cperrorDiv{position: absolute;width: 100%;color:red;text-align: center;left:0;top:38px;}
.cperrorNDiv{display:none;right: 30px;top:5px;width: auto;position: absolute;color:red;text-align: center;}

.cpSetTc{width: 560px;height: 330px;}
.cpSetTc .cpTxt label{width: 200px;}

/*按钮*/
.btn{outline: none;padding:0;color:#fff;border-radius:2px;height:46px;line-height:42px;width:87px;display:inline-block;text-align: center;cursor: pointer;-webkit-user-select: none;user-select: none;}
.btn.blue{background-color:rgba(20,189,204,1.0);}
.btn.blue:hover{background-color:rgba(20,189,204,0.6);}
.btn.blue:active{background-color:rgba(20,189,204,0.8);}
.btn.green{background-color:rgba(18,179,98,1.0);}
.btn.green:hover{;background-color:rgba(18,179,98,0.6);}
.btn.green:active{background-color:rgba(18,179,98,0.8);}
.btn.gray{background-color:rgba(153,153,153,1.0);}
.btn.gray:hover{;background-color:rgba(153,153,153,0.6);}
.btn.gray:active{background-color:rgba(153,153,153,0.8);}
.btn.black{background-color:#1b1d20;}
.btn.black:hover{;background-color:#222428;}
.btn.black:active{background-color:#17191b;}

/*顶部 左侧样式图标背景*/
.iconBg{background-color: transparent/*#292e33*/;border-radius: 2px;padding: 2px;cursor: pointer;}
.iconBg:hover{background-color: #1aa4b8;}
.iconBg:active,.iconBg.action{background-color: #208f9f;}
.ulList{border:1px solid #ccc;background-color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;z-index:100;}
.ulList li,.ulList .liItem{height:32px;line-height:32px;display: inline-block;width: 100%;}
.ulList li:hover,.ulList .liItem:hover,.ulList li.action,.ulList .liItem.action{background-color:#deebec;}

/*头部*/
.header{height:42px;width:100%;background-color:#1b1d20;padding: 0 20px;}
.pcHeader{position: absolute;z-index: 999999;right: 30px;top: 0;height: 42px;}
@media screen and (max-width:1520px){.header{width: 1520px;}}
.header .topSet{position: relative;}
.header .topSet .title{top:110%;left:0;}
.header .topSet:hover .title{display: block;}
.logo_icon{width:42px;height: 26px;background: url("images/logo.png")no-repeat ;margin-right: 0.05rem;background-size: 100% 100%;}
.online_cp{font-size: 20px;}
/*设置背景*/
.setWallpaper{position: relative;}
.wallPaperDiv{display:none;position: absolute;top:28px;left:0;width: 540px;height: 285px;border-radius: 2px;border:1px solid #ccc;z-index: 99999;}
.bgTitle{line-height: 32px;padding:0 12px;cursor: default;border-bottom:1px solid #e6e6e6;}
.wallPaperListDiv{width: 520px;height:185px;margin: 10px auto;overflow: hidden;overflow-y: auto;}
.wallPaperList{width: 100%;}
.wallPaperList li{float: left;width: 23%;height: 82px;margin:0 5px 10px;position: relative;cursor: pointer;}
.wallPaperList li.addWallPaper{background-color:#4d4d4d;color:#b8c2cc; }
.wallPaperList li.addWallPaper label{display: block;width: 100%;height:100%;text-align: center;cursor: pointer;position: relative;}
.wallPaperList li.addWallPaper label span em{display: block;}
.wallPaperList li.addWallPaper label span em:first-child{font-size: 14px;}
.wallPaperList li.addWallPaper label span em:last-child{color: #b8c2cc;opacity: 0.6;}
.wallPaperList li.addWallPaper label span{width:100%;position: absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);transform:translate(-50%,-50%);}
.wallPaperList li img{width: 100%;height: 100%;}
.wallPaperList li i{display:none;position: absolute;top:0;left:0;width: 100%;height: 100%;border: 1px solid #14bdcc;background-color: rgba(2,33,36,0.4);}
.wallPaperList li i:before{content: "";position: absolute;bottom:6px;right:6px;width: 18px;height: 12px;background: url("images/icon.png")no-repeat -123px -268px;}
.wallPaperList li:hover i,.wallPaperList li.action i{display:block;}

/*顶部左侧样式图标*/
.topSet i{width: 20px;height: 18px;background: url("images/icon.png")no-repeat;margin: 0 auto;}
/*撤销*/
.bar_undo{width: 32px;height: 26px;}
.bar_undo i{background-position: -48px -231px;}
.bar_undo:hover i,.bar_undo:active i,.bar_undo.action i{background-position: -69px -231px;}
.bar_undo.disabled{background-color: transparent;}
.bar_undo.disabled i{background-position: -46px -296px;}
/*恢复*/
.bar_redo{width: 32px;height: 26px;}
.bar_redo i{background-position: -48px -267px;}
.bar_redo:hover i,.bar_redo:active i,.bar_redo.action i{background-position: -69px -267px;}
.bar_redo.disabled{background-color: transparent;}
.bar_redo.disabled i{background-position: -68px -296px;}
/*对齐*/
.bar_align{width: 46px;height: 26px;position: relative;}
.bar_align i{background-position: -99px -79px;margin: 0 4px 0 6px;}
.bar_align:before{content: "";position: absolute;width: 8px;height: 4px;background: url("images/icon.png")no-repeat -53px -210px;right:6px;top: 10px;}
.bar_align:hover:before,.bar_align:active:before,.bar_align.action:before{background-position: -62px -210px;}
.bar_align:hover i,.bar_align:active i,.bar_redo.action i{background-position: -124px -79px;}
.bar_align.disabled{background-color: transparent;}
.bar_align.disabled i{background-position: -90px -296px;}
.bar_align.disabled:before{background-position: -71px -210px;}

.top-align-list{display:none;position:absolute;width:118px;}
.top-align-list li{padding-left: 35px;position: relative;}
.top-align-list2{display: none;position: absolute;width: 307px;height: 34px;z-index: 999;}
.top-align-list2 li{width: auto;padding-left: 35px;position: relative;}
.top-align-list2 li:hover .title { display: block;line-height: 12px;top: 110%; left: 0;}
.top-align-list-items:before{content: "";position: absolute;left:10px;top:7px;width:18px;height: 18px;background: url("images/icon.png")no-repeat;}
.alLeft:before{background-position: -99px -106px;}
.alCenter:before{background-position: -99px -234px;}
.alRight:before{background-position: -99px -170px;}
.alTop:before{background-position: -99px -202px;}
.alDBVt:before{background-position: -99px -138px;}
.alBottom:before{background-position: -99px -266px;}
.allevel:before{background-position: -48px -316px;}
.align-icon-disabled.allevel:before{background-position: -68px -316px;}
.alvertical:before{background-position: -88px -317px;}
.align-icon-disabled.alvertical:before{background-position: -108px -317px;}
.align-icon-disabled.allevel,.align-icon-disabled.alvertical{color:#b2b2b2!important;}

/*置于顶层*/
.bar_top{width: 32px;height: 26px;}
.bar_top i{background-position: -93px -11px;width: 20px;height: 20px;}
.bar_top:hover i,.bar_top:active i,.bar_top.action i{background-position: -115px -11px;}
.bar_top.disabled{background-color: transparent;}
.bar_top.disabled i{background-position: -110px -296px;}

/*置于底层*/
.bar_bottom{width: 32px;height: 26px;}
.bar_bottom i{background-position: -93px -33px;width: 20px;height: 20px;}
.bar_bottom:hover i,.bar_bottom:active i,.bar_bottom.action i{background-position: -115px -33px;}
.bar_bottom.disabled{background-color: transparent;}
.bar_bottom.disabled i{background-position: -130px -296px;}

/*分辨率*/
.bar_resolution{height: 26px;width:105px;background-color: #0e0f11;border-radius: 2px;padding-left:5px;cursor: pointer;position: relative;}
.bar_resolution:before{content: "";width: 8px;height: 4px;background: url("images/icon.png")no-repeat -53px -210px;position: absolute;top: 10px;right:4px; z-index: 1;}
.bar_resolution:hover:before,.bar_resolution:active:before,.bar_resolution.action:before{background-position: -62px -210px;}
.bar_resolution i,.bar_resolution b{width: 16px;height:100%;background-color: #0e0f11;position: absolute;right: 0;border-bottom-right-radius: 2px;border-top-right-radius: 2px;}
.bar_resolution:hover i,.bar_resolution:hover b{background-color: #374e55;}
.bar_resolution:active i,.bar_resolution:active b{background-color: #336a72;}
#px_list { height: 162px;width: 153px;}
#px_list .pxLi.action:before{content: "";position: absolute;left:10px;top:11px; width: 18px;height: 12px;background: url(images/icon.png)no-repeat -123px -268px;}
#px_list  .px-list-custom {border: 1px solid #ccc; bottom: 26px;left: 152px;background: #fff;z-index: 201;width: 252px;height: 92px;padding: 11px 15px 16px 15px !important; border-radius: 2px;font-size: 0;}
.px-list-custom p {font-size: 12px; color: #424242;margin-top: 5px;line-height: 17px;}
.px-list-custom input {width: 60px;height: 26px; border: 1px solid #a6a6a6;margin-right: 10px;font-size: 12px; padding: 0 12px ;  color: #424242;border-radius: 2px;}
.px-list-custom input.custom-h{margin-right: 20px;}
.px-list-custom-btn { font-size: 12px;width: 60px;}
.px-list-custom-click::after{content: "";cursor:pointer;position: absolute;right:10px;top:7px; width: 18px;height: 18px;background: url(images/icon.png)no-repeat -124px -202px;}
.px-list-custom-err { border: solid 1px #ec4d4d !important;}
.px-list-custom-errtext {color: #ec4d4d !important;}

/*机器设置*/
.sliderBf{width: 120px;border-radius: 4px;height: 4px;border: none;}
.ui-widget-content { background: #b8c2cc;}
.sliderBf .ui-widget-header{background: #208f9f;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.ui-slider .ui-slider-handle{width: 10px;height: 15px;background: url("images/icon.png")no-repeat -139px -13px;border: none;cursor: pointer;margin-left: 0;margin-top: 0; }
.ui-slider:hover .fuChuang{display: block;}
.fuChuang{display:none;position: absolute;top:-13px;left:-14px;width: 40px;height: 14px;text-align: center;color:#fff;background-color:#208f9f;border-radius: 2px;}

.cpWSet i{background-position: -4px -270px;margin:0 0.12rem;}

/*保存*/
.soBtnDiv{width: 76px;height: 26px;position: relative;float: left;}
.saveBtn{width: 60px;border-bottom-right-radius: 0;border-top-right-radius: 0;border-right: 1px solid #43cad6;margin: 0!important;}
.saveBtn:hover{border-right-color:transparent; }
.saveBtn:active,.saveBtn.action{border-right-color:transparent;}
.saveTc{width:368px;height:236px;}
.saveTcSet>div{margin-bottom: 20px;}
.saveTcLabel{width: 105px;text-align: right;margin-right: 7px;}
.saveTcTxt{width: 210px;height: 26px;line-height: 26px;padding: 0 12px;border: 1px solid #e6e6e6;border-radius: 2px;margin-right: 8px;}
.saveTxt_error{color:#e62222;}
.w58{width: 58px;}

.otherBtn{float: right;margin-right:0!important;border-top-left-radius: 0;border-bottom-left-radius: 0;display: block;width: 16px;height: 100%;padding: 0;border-left: 1px solid #43cad6;position: relative;}
.otherBtn:hover{border-left-color:transparent; }
.otherBtn:active,.otherBtn.action{border-left-color:transparent;}
.otherBtn:before{content: "";position: absolute;width: 8px;height: 4px;background: url("images/icon.png")no-repeat -62px -210px;top: 11px;right: 4px;}
.otherBtn:hover:before,.otherBtn:active:before,.otherBtn.action:before{background-position: -62px -210px;}
.otherBtnDiv{position: absolute;top:28px;left:0;z-index: 9999;width: 117px;display: none;}
.otherBtnDiv .liItem{padding-left: 38px;position: relative;}
.otherBtnDiv .liItem:before{content: "";position: absolute;left:10px;top:7px;width: 18px;height: 18px;background: url("images/icon.png")no-repeat;}
.otherBtnDiv .lookBtn:before{background-position: -124px -106px;}
.otherBtnDiv .demoBtn:before{background-position: -124px -138px;}
.otherBtnDiv .hellpBtn:before{background-position: -124px -170px;}
.fullexit {width:50px; height:50px;border-bottom-left-radius:100%;position: fixed; right: 9px; z-index: 1;top: 0;background-color:#141618;display: none;}
.fullexit:hover{background-color: #800000;}
.fullexit:active{background-color: #9f0808;}
.fullexit:before{content: "";position: absolute;top:10px;right:10px;width:18px; height: 18px;background:url("images/icon.png")no-repeat -4px -297px;}
.fullexit:hover:before,.fullexit:active:before{background-position: -24px -297px;}

/*表单*/
.inputGroup input{margin: 0 0.12rem 0 0.05rem;}
.txtLabel{line-height: 26px;}
.txt{height:26px;border-radius: 2px;background-color: #0e0f11;color:#b8c2cc;padding: 0 10px;}
.input60{width: 60px;}
.toolbar-error{display: none;position: absolute;padding:12px;background-color: rgba(255,0,0,0.3);border-radius: 2px;z-index: 999999999;}
.toolbar-component-disabled{width: 60px;background-color: #0e0f11;cursor: not-allowed;border-radius: 2px;}
/*主体*/
.section{width: 100%;position: relative;}
#designer_op_snapline_h{background:#6EB1EB;position:absolute;height:1px;width:100%}
#designer_op_snapline_v{background:#6EB1EB;position:absolute;width:1px}
/*侧栏*/
.leftMenu{width:50px;height:100%;  background-color:#03a9f3;position: absolute;top:0;left:0;z-index:1; padding-top: 32px; display: block;}
.leftMenu .dragDiv{position: absolute;top:21px;left:0;width:100%;height: 4px;}
.leftMenu .dragDiv:before{content:"";position: absolute;width: 20px;height: 4px;background: url("images/icon.png")no-repeat -96px -4px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.leftMenuShowBtn.leftMenuShow{display: block;}
.leftMenuShowBtn{display: none;width: 25px;height: 26px;position: absolute;top:0;left:0;background-color: #03a9f3;border-bottom-right-radius: 20px;border-top-right-radius: 20px;z-index: 999;cursor: pointer;}
.leftMenuShowBtn:before{content: "";position: absolute;top:10px;right:9px;width: 7px;height: 5px;background: url("images/icon.png")no-repeat -54px -199px;}
.leftMenuShowBtn:hover:before{background-position: -62px -199px;}
.leftMenuBtn{position: absolute;left:0;top:0;width:100%;height:13px;background-color:#03a9f3;cursor: pointer;}
.leftMenuBtn_hide:before{content: "";position: absolute;top:4px;right:4px;width: 7px;height: 5px;background: url("images/icon.png")no-repeat -73px -199px;}
.leftMenuBtn_hide:hover:before{background-position: -82px -199px;}
.leftMenuBtn_drag{content: "";position: absolute;top:4px;right:4px;width: 7px;height: 5px;background: url("images/icon.png")no-repeat -54px -199px;}
.leftMenuBtn_drag:hover:before{background-position: -62px -199px;}

.panel_box {display: block;position: relative; width: 34px;height: 30px;margin: 0 auto 10px;}
.panel_box .title{top:1px;left:110%; }
.panel_box:hover .title{display:block;}
.menuImg{width:20px;height:20px;background:url("images/icon.png")no-repeat;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.lineImg{background-position:-3px -3px ;}
.panel_box:hover .lineImg,.panel_box:active .lineImg,.panel_box.action .lineImg{background-position: -23px -3px;}
.lineImg2{background-position:-3px -341px ;}
.panel_box:hover .lineImg2,.panel_box:active .lineImg2,.panel_box.action .lineImg2{background-position: -23px -341px;}
.txtImg{background-position:-3px -41px ;}
.panel_box:hover .txtImg,.panel_box:active .txtImg,.panel_box.action .txtImg{background-position: -23px -41px;}
.myPlaceImg{background-position:-3px -79px ;}
.panel_box:hover .myPlaceImg,.panel_box:active .myPlaceImg,.panel_box.action .myPlaceImg{background-position: -23px -79px;}
.arrowImg{background-position:-3px -117px ;}
.panel_box:hover .arrowImg,.panel_box:active .arrowImg,.panel_box.action .arrowImg{background-position: -23px -117px;}
.legendImg{background-position:-3px -155px ;}
.panel_box:hover .legendImg,.panel_box:active .legendImg,.panel_box.action .legendImg{background-position: -23px -155px;}
.obstacleImg{background-position:-3px -193px ;}
.panel_box:hover .obstacleImg,.panel_box:active .obstacleImg,.panel_box.action .obstacleImg{background-position: -23px -193px;}
.uploadPhotoImg{background-position:-3px -231px ;}
.panel_box:hover .uploadPhotoImg,.panel_box:active .uploadPhotoImg,.panel_box.action .uploadPhotoImg{background-position: -23px -231px;}
.addComputerImg{background-position:-3px -269px ;}
.panel_box:hover .addComputerImg,.panel_box:active .addComputerImg,.panel_box.action .addComputerImg{background-position: -23px -269px;}
.addComputerImg2{background-position:-3px -318px ;}
.panel_box:hover .addComputerImg2,.panel_box:active .addComputerImg2,.panel_box.action .addComputerImg2{background-position: -23px -318px;}
.timeImg{background-position:-47px -342px ;}
.panel_box:hover .timeImg,.panel_box:active .timeImg,.panel_box.action .timeImg{background-position: -67px -342px;}
/*控件区*/
.main{height: 100%;overflow:hidden;/*overflow: auto;margin-left:50px;*/position: relative;background-color: #fff;}
.noShape_box{width: 100%;height: 100%;position: absolute;top:0;left:0;background-color: #454545;z-index: 9;display: none;}
.noShape_box .fullexit{right: 0;}
.noShapeBg{width: 335px;height: 252px;position: absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.noShapeImg{width: 335px;height: 252px;background: url("images/full_Nobg.png")no-repeat;}
.noShapeImg+div{color:#b8c2cc;font-size: 30px;text-align: center;}
#designer_viewport{width:100%;height:100%;}
#designer_layout{overflow:hidden;/*overflow:auto;*/position:relative;z-index:0;width:100%;height:100%;}
#canvas_container{overflow:hidden;background-image:url("images/bj1.png");background-repeat:repeat;position:relative;background-size: 100% 100%;}
#selecting_box{position:absolute;border:1px solid #6EB1EB;background:rgba(22,145,232,.1)}
#shape_controls,#designer_canvas{position:absolute;left:0;top:0;}
#shape_controls #controls_bounding{position:absolute;left:-10px;top:-10px;}
.shape_box {
    position: absolute;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.shape_canvas{height: 100%;width: 100%;}
.shape_contour{position:absolute;left:0;top:0;width:0;height:0;}
.textDiv{width:100%;height:100%;background-color: transparent;border: none;cursor: default;}
.a-compontent-text01textDiv a{cursor:pointer;}
.link_point_canvas{position:absolute;}
.shape_box_creating{position:absolute;}
.shape_anchor{position:absolute;border-style:solid;border-width:1px;background:#fff;}
.shape_locker{position:absolute}
.shape_controller{position:absolute;border-style:solid;border-width:1px;background:#fff;}
.shape_controller.n.w{cursor:nw-resize;}
.shape_controller.n.e{cursor:ne-resize;}
.shape_controller.s.e{cursor:se-resize;}
.shape_controller.s.w{cursor:sw-resize;}
.shape_controller.n,.shape_controller.s{cursor:n-resize;}
.shape_controller.e,.shape_controller.w{cursor:e-resize;}
.shape_rotater{position:absolute;width:18px;height:19px;}
.shape_rotater i{position:absolute;width:100%;height:100%;background: url("images/rotater.png")no-repeat;background-size: 100% 100%;bottom:0;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);}

/*组件样式*/
.upload-img{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.upload-img img{width: 100%;height: 100%;}
.tuLiShuoMing{width: 100%;height: 100%;background-color: #2c3035;border-radius: 10px;}
.xftd{height: 20%;border-bottom: 1px solid #1f2226;}
.xftdJt{width: 30px;height: 30px;}
.xftdTxt{width: 50%;padding-left: 12px;}
.sying{height: 40%;border-bottom: 1px solid #1f2226;}
.kxing{height: 40%;}
.meinv{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #9c2a22;margin-right: 4px;}
.shuaige{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #2f69aa;margin-right: 4px;}
.kai{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #228533;margin-right: 4px;}
.guan{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #555555;margin-right: 4px;}
.perror{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #eca40a;margin-right: 4px;}
.guZ{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #1b1d20;margin-right: 4px;}
.marBtom6{margin-bottom: 6px;}
.addPcDiv{width: 100%;height: 100%;background-color: #146b81;padding:6%;border-radius: 2px;}
.addPcDiv .cpNum{width: 100%;height: 75%;background-color: #2290ab;text-align: center;overflow:hidden;font-size:12px;color:#fff;border-radius: 2px;}
.addPcDiv .cpNum+span{width: 70%;height: 10%;border-radius: 10px;background-color: #2290ab;display: block;margin: 7% auto 0;}
.myPlaceUlList{width: 224px;height: 104px;padding: 12px;}
.myPlaceUlList>li{width: 68px;height: 84px;position: relative;}
.myPlaceUlList>li>div{width: 100%;height: 100%;position: absolute;top:0;left:0;overflow: hidden;}
.arrowUlList{width: 254px;height: 78px;padding: 12px;}
.arrowUlList>li{width:78px;height: 56px;position: relative;}
.arrowUlList>li>div{width: 100%;height: 100%;position: absolute;top:0;left:0;overflow: hidden;}
.obstacleUlList{width: 312px;height: 218px;padding: 12px;}
.obstacleUlList>li{width:45px;height: 45px;position: relative;}
.obstacleUlList>li>div.liDiv{width: 100%;height: 100%;position: absolute;top:0;left:0;overflow: hidden;padding: 5px;}
.mapTimeDiv,.mapTimeDiv2{text-shadow: 0 2px 6px rgba(0,0,0,0.6);color:#fff;}
.mapTimeDiv{width: 195px;}
.mapTimeDiv2{background-color: rgba(41,46,51,0.4);border-radius: 20px;width: 340px;height: 120px;padding: 0 15px;}
.mapTimeDiv span{font-size: 50px;margin-right: 15px;}
.mapTimeDiv small{font-size: 28px;}
.mapTimeDiv i{font-size: 19px;margin-right: 28px;}
.mapTimeDiv em{font-size: 19px;}
.mapTimeDiv2 span{margin-right:8px;}
.mapTimeDiv2 small{margin-right: 15px;}
.mapTimeDiv2 i{margin-right:0;}
.mapTimeUlList{width: 420px;height: 102px;padding: 12px;}
.menu .mapTimeUlList>li{padding: 0;height: 100%;line-height: normal;width: 170px;}
.menu .mapTimeUlList>li:last-child{width: 230px;}
.menu .mapTimeUlList>li>div.liDiv{width: 100%;height: 100%;position: relative;padding: 12px;}
.menu .mapTimeUlList>li span{font-size: 25px;margin-right: 10px;}
.menu .mapTimeUlList>li  small{font-size: 14px;}
.menu .mapTimeUlList>li  i{font-size: 10px;margin-right: 10px;}
.menu .mapTimeUlList>li  em{font-size: 10px;}
.menu .mapTimeUlList>li .mapTimeDiv{width: auto;}
.menu .mapTimeUlList>li .mapTimeDiv2{padding: 6px;border-radius: 6px;height: 100%;width: 100%;background-color: rgba(169,171,173,0.8);}
.menu .mapTimeUlList>li .mapTimeDiv2 p:first-child{margin-right: 10px;}
.menu .mapTimeUlList>li .mapTimeDiv2 span{font-size: 26px;margin-right: 6px;}
.menu .mapTimeUlList>li .mapTimeDiv2 small{font-size: 14px;}
.menu .mapTimeUlList>li .mapTimeDiv2 i{font-size: 7px;margin-right: 6px;}
.menu .mapTimeUlList>li .mapTimeDiv2 em{font-size: 7px;}

/*组件设置菜单*/
.computer-top-nav{display:none;position:absolute;z-index:999;left:0;width:34px;text-align:center;background-color: #03a9f3;}
.computer-top-nav div{height:34px;line-height:34px;width:34px;border-radius: 0;position: relative;}
.computer-top-nav div:last-child{border:none;width:0;height:0;}
.computer-top-nav div:not(:last-child):before{content:"";width:20px;height:20px;position: absolute;background-image:url("images/icon.png");background-repeat:no-repeat;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.computer-top-nav .component-set:before{background-position:-51px -4px;}
.computer-top-nav .component-set:hover:before{background-position:-72px -4px;}
.computer-top-nav .component-setFontW:before{background-position:-51px -37px;}
.computer-top-nav .component-setFontW:hover:before{background-position:-72px -37px;}
.computer-top-nav .component-setFontS:before{background-position:-51px -71px;}
.computer-top-nav .component-setFontS:hover:before{background-position:-72px -71px;}
.computer-top-nav .component-color:before,
.computer-top-nav .component-setColor:before{background-position:-51px -105px;}
.computer-top-nav .component-color:hover:before,
.computer-top-nav .component-setColor:hover:before,{background-position:-72px -105px;}
.computer-top-nav .component-linewidth:before{background-position:-51px -141px;}
.computer-top-nav .component-linewidth:hover:before{background-position:-72px -141px;}
.computer-top-nav .component-del:before{background-position:-51px -171px;}
.computer-top-nav .component-del:hover:before{background-position:-72px -171px;}

/*颜色*/
.color_picker{padding:10px;width: 176px;height: 116px;}
.color_items{width: 16px;}
.color_items div{height:16px;width:16px;border:1px solid #d9d9d9;margin-top: 4px;position: relative;}
.color_items div:first-child{margin-top:0;}
.color_items div:hover:before,.color_items .selected:before{content:"";position:absolute;top:-2px;left:-2px;width:16px;height:16px;border:1px solid #19c2d1;}
.background_picker {padding:10px;width: 226px;height: 50px;}
.gradient {-webkit-background-clip: text;color: transparent;}
/*右键菜单*/
.rtUl{width: 1.2rem;position: absolute;display: none;cursor: pointer;z-index: 99999999999;}
.menu{position:absolute;background:#FFF;border-radius:4px;z-index:201;display: none;}
.menu li{padding-left: 38px;cursor:default;position:relative;color:#424242;}
.options_menu{width: 220px;}
.menu_ico .ico_selected{position: absolute;left:10px;top:11px; width: 18px;height: 12px;background: url(images/icon.png)no-repeat -123px -268px; z-index: 999999;}
.lineW1:after{content: "";position: absolute;top:16px;right: 10px;width: 90px;height: 1px;background-color: #424242;}
.lineW2:after{content: "";position: absolute;top:16px;right: 10px;width: 90px;height: 2px;background-color: #424242;}
.lineW3:after{content: "";position: absolute;top:15px;right: 10px;width: 90px;height: 3px;background-color: #424242;}
.lineW4:after{content: "";position: absolute;top:15px;right: 10px;width: 90px;height: 4px;background-color: #424242;}
.lineW5:after{content: "";position: absolute;top:14px;right: 10px;width: 90px;height: 5px;background-color: #424242;}
.lineW6:after{content: "";position: absolute;top:14px;right: 10px;width: 90px;height: 6px;background-color: #424242;}
.lineW7:after{content: "";position: absolute;top:13px;right: 10px;width: 90px;height: 7px;background-color: #424242;}
.lineW8:after{content: "";position: absolute;top:13px;right: 10px;width: 90px;height: 8px;background-color: #424242;}
.lineW9:after{content: "";position: absolute;top:12px;right: 10px;width: 90px;height: 9px;background-color: #424242;}
.lineW10:after{content: "";position: absolute;top:12px;right: 10px;width: 90px;height: 10px;background-color: #424242;}
.lineW11:after{content: "";position: absolute;top:11px;right: 10px;width: 90px;height: 11px;background-color: #424242;}
.lineW12:after{content: "";position: absolute;top:11px;right: 10px;width: 90px;height: 12px;background-color: #424242;}
.lineW13:after{content: "";position: absolute;top:10px;right: 10px;width: 90px;height: 13px;background-color: #424242;}
.pdr12{padding-right: 12px;}
.otitle ,.tsdialog-nav-tit{ display: none;position: absolute; padding: 11px;border: 1px solid #ccc;color: #424242; border-radius: 2px;background-color: #fff;z-index: 3;white-space: nowrap;-moz-box-shadow:0 3px 3px rgba(0,0,0,0.15); -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.15); box-shadow:0 3px 3px rgba(0,0,0,0.15);}
.setState{position: relative;}
.setState .extend{width:8px;height: 14px;background: url("images/jt.png")no-repeat; }
.setState:hover .setStateDiv{display: block!important;}
.setStateDiv{position: absolute;top:0;left:100%;width:120px; display: none;}

/*官方示例*/
.demoSwp{position: absolute;top:0;left:0;display: none;z-index: 99999;background:url("images/bj1.png")repeat  #ccc;}
.h_demoSwp{position: absolute;top:0;left:0;display: none;z-index: 99999;}
.demoSwp,.h_demoSwp,.demoWrapper,.demoWrapper>.swiper-slide,.demoWrapper>.swiper-slide>img{width: 100%;height: 100%;}
.closeDemoSwp {width:50px; height:50px;border-bottom-left-radius:100%;position: fixed; right: 0;top: 0; z-index: 2;background-color:#141618;cursor: pointer;}
.closeDemoSwp:hover{background-color: #800000;}
.closeDemoSwp:active{background-color: #9f0808;}
.closeDemoSwp:before{content: "";position: absolute;top:10px;right:10px;width:18px; height: 18px;background:url("images/icon.png")no-repeat -4px -297px;}
.closeDemoSwp:hover:before,.closeDemoSwp:active:before{background-position: -24px -297px;}
.swiper-pagination-bullet{width:16px;height:16px;background: #75797d;opacity: 1.0;}
.swiper-pagination-bullet-active{background: #14bdcc;}
.swiper-button-next, .swiper-button-prev{width: 30px;height: 60px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url("images/jiantou.png")no-repeat 0 0;}
.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover{background:url("images/jiantou.png")no-repeat -56px 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:url("images/jiantou.png")no-repeat -125px 0;}
.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover{background:url("images/jiantou.png")no-repeat -181px 0;}

/*出错页面*/
.errorMain{position: relative;width:100%;height: 100%;background: url("images/bj1.png")repeat;}
.errorDiv{width: auto;height: auto;margin: auto;text-align: center;}
.errorBg{width: 257px;height: 244px;background: url("images/error.png")no-repeat;}

/*帮助文档页面*/
.h_mainpt{width: 100%;height: 100%;overflow-y: auto;}
.h_main{width: 70%;margin: 0 auto;padding:0 1rem 0.4rem;height: auto;background-color: #fff;color:#000;}
.h_h1{text-align: center;padding: 0.2rem 0;font-size: 0.5rem;}
.h_items{width: 100%;margin-bottom: 0.3rem;}
.h_items h2{font-size: 0.32rem;}
.h_txt{padding-left: 0.4rem;font-size: 0.24rem;font-weight: normal;color:#333;}
.h_img{width: 100%;height: auto;}
.h_img+p{text-align: center;margin-bottom: 0.12rem;}
.h_hide{overflow: hidden;}
.h_auto{overflow: auto;}
















